// 搜索框
.search_warp {
  width: 100%;
  height: 120rpx;
  padding: 30rpx 20rpx;
  border-bottom: 1px solid #ebecec;

  // 搜索框盒子
  .search_input_warp {
    background: #ebecec;
    border-radius: 50rpx;
    display: flex;
    height: 100%;

    // 搜索框
    input {
      flex: 8;
      height: 100%;
    }

    // 搜索图标
    view {
      flex: 1;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 38rpx;
      color: #c9c9ca;
    }
  }
}

// 热门搜索
.hot_search_wrap {
  padding: 10rpx;

  .searchHotTitle {
    height: 50rpx;
    font-size: 24rpx;
    color: #666666;
  }

  .searchHotContent {
    text {
      display: inline-block;
      padding: 10rpx 20rpx;
      border: 1px solid #e7e8eb;
      border-radius: 50rpx;
      margin: 0 20rpx 20rpx 0;
    }
  }
}

// 搜索历史
.search_history_wrap {
  height: 80rpx;
  .history {
    view:nth-child(1) {
      border: none;
    }
  }
}

// 搜索内容与搜索历史公共样式
.history {
  display: flex;
  height: 100%;
  .iconfont {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    color: #D5D6D7;
    font-size: 38rpx;
  }
  .searcHistoryContent {
    flex: 8;
    display: flex;
    justify-content: right;
    align-items: center;
    border-bottom: 1px solid #ebecec;
  }
}

// 搜索
.searchContent {
  height: 80rpx;
  .searchChange {
    padding: 20rpx 35rpx;
    display: flex;
    align-items: center;
    color: #507DAF;
    font-size: 32rpx;
    border-bottom: 1px solid #ebecec;
  }
}